<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>10号</title>
    <!-- <meta http-equiv=refresh content="1"> -->
    <!-- 修复路径问题 -->
    <link rel="stylesheet" href="./src/style.css" />

    <!-- 使用 CDN 加载公共库 -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios@1.4.0/dist/axios.min.js"></script>

    <!-- 你的模块脚本，这里可以继续保持 type=module 或其他 -->
    <script type="module" src="./src/js/consultationTotal.js"></script>
    <script type="module" src="./src/js/satisfactionStats.js"></script>
    <script type="module" src="./src/js/hotQA.js"></script>
    <script type="module" src="./src/js/staffRanking.js"></script>
    <script type="module" src="./src/js/businessCategoryStats.js"></script>
    <script type="module" src="./src/js/incidentAreaStats.js"></script>
    <script type="module" src="./src/js/workOrderStatus.js"></script>
    <script type="module" src="./src/js/highFrequencyWords.js"></script>
    <script type="module" src="./src/js/consultationTotalMap.js"></script>

    <!-- 修复本地脚本路径 -->
<!--    <script src="src/js/can.js"></script>-->
    <script src="src/js/china.js"></script>

    <!-- 引入 main.js -->
    <script src="./src/main.js" defer></script>
</head>
<body>
<div class="content">
    <!-- 底层背景动画-开始 -->
    <div id="animations">
        <div class="animation animation1">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation2">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation3 fanzhuan">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation4">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation5 fanzhuan">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation6">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation7 fanzhuan">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation8">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation9 fanzhuan">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
        <div class="animation animation10">
            <div class="animate1"></div>
            <div class="animate2"></div>
            <div class="animate3"></div>
        </div>
    </div>
    <!-- 底层背景动画-结束 -->
    <!-- 显示屏头部开始 -->
    <div id="head">
        <!-- 时间日期 -->
        <div class="getDate">
            <span id="time">09:00:00</span>
            <span id="week">星期三</span>
            <span id="year">2018-07-28</span>
        </div>
        <h1>中国海事总客服实时数据</h1>
    </div>
    <!-- 显示屏头部结束 -->
    <!-- 显示屏中间-开始-->
    <div id="body">
        <div class="bodyLeft rel">
            <div class="bodyLeftTop">
                <div class="childtitle"><h2>咨询总量统计</h2></div>
                <div class="add" onclick="Show(this,'bodyLeft',2.8,'before')">+</div>
                <div id="guapai" class="guapai"></div>
            </div>
            <div class="bodyLeftBottom rel">
                <div class="add" onclick="Show(this,'bodyLeft',2.8,'after')">+</div>
                <div class="bodyLeftBottomLeft">
                    <div class="childtitle"><h2>满意度统计</h2></div>
                    <div id="left-bottom"></div>
                </div>
            </div>
        </div>
        <div class="bodyMiddle rel">
            <div class="bodyMiddleChild">
                <div class="add" onclick="Show(this,'bodyMiddle',1.8,'after')">+</div>
                <div class="childtitle"><h2>咨询总量统计</h2></div>
                s
                <div class="mapmain">
                    <div><ul id="list"></ul></div>
                    <div class="map" id="map"></div>
                    <div class="map" id="map1"></div>
                    <div class="map" id="map2"></div>
                </div>
                <div id="sun"></div>
            </div>
        </div>
        <div class="bodyRight">
            <div class="bodyRightTop rel">
                <div class="childtitle"><h2>高频词统计</h2></div>
                <div class="add" onclick="Show(this,'bodyRight',2.8,'before')">+</div>
                <div id="bodyRightTopBG"></div>
            </div>

            <div class="bodyRightBottom rel">
                <div class="childtitle"><h2>工单状态统计</h2></div>
                <div class="add" onclick="Show(this,'bodyRight',2.8,'after')">+</div>
                <div id="jiagezoushi"></div>
            </div>
        </div>
    </div>

    <div id="foot">
        <div class="footparent0">
            <div class="footChild">
                <div class="childtitle"><h2>热门问答</h2></div>
                <div class="add" onclick="Show(this,'footparent0',2.8,'after')">+</div>
                <div id="hotQA"></div>
            </div>
        </div>

        <div class="footparent1">
            <div class="footChild">
                <div class="childtitle"><h2>客服排行</h2></div>
                <div class="add" onclick="Show(this,'footparent1',2.8,'after')">+</div>
                <div id="jiage"></div>
            </div>
        </div>
        <div class="footparent2">
            <div class="footChild">
                <div class="childtitle"><h2>业务类别统计</h2></div>
                <div class="add" onclick="Show(this,'footparent2',2.8,'after')">+</div>
                <div id="CJpie"></div>
            </div>
        </div>
        <div class="footparent3">
            <div class="footChild">
                <div class="childtitle"><h2>事发区域统计</h2></div>
                <div class="add" onclick="Show(this,'footparent3',2.8,'after')">+</div>
                <div id="cjliang"></div>
            </div>
        </div>
    </div>
    <div class="mask">
        <div class="maskContent"></div>
    </div>
</div>
</body>
</html>
